<template>
    <el-row type="flex"  class="warp-bottom application">
        <el-col :span="2">
            <router-link to="/application/publicsport" class="application-item">
                <div class="application-item-icon">
                    <i class="el-icon-more"></i>
                </div>
                <div class="application-item-title">
                    公益运动
                </div>
            </router-link>
        </el-col>
        <el-col :span="2">
            <router-link to="/application/vote/index" class="application-item">
                <div class="application-item-icon">
                    <i class="el-icon-menu"></i>
                </div>
                <div class="application-item-title">
                    投票系统
                </div>
            </router-link>
        </el-col>
    </el-row>
</template>
<style>
    .application{
        margin-left: 0px;
        margin-right: 0px;
        padding:1rem;
    }
    .application-item{
        display:block;
        text-align:center;
        background:#58B7FF;
        padding:0.1rem;
        color:#ffffff;
        cursor: pointer;
        margin-right:0.15rem;
    }
    .application-item-icon{
        padding: 0.2rem 0;
    }
    .application-item-icon i{
        font-size:0.3rem;
    }

</style>
<script>
    export default{
        name:'applicationindex'
    }

</script>
